<!DOCTYPE html>
<html lang="zh">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <script src="js/jquery-3.1.1.min.js"></script>
    <script src="js/myscript.js"></script>
    <link rel="stylesheet" href="css/style.css">
    <title>商品页</title>
</head>

<body>
    <div class="container">
        <div class="top">
            <img src="img/logo.png" alt="">
            <ul>
                <li>欢迎来到果子餐厅</li>
                <li><a href="index.html">首页</a></li>
                <li><a href="">请登录</a></li>
                <li><a href="dingcan.html">我的果篮</a></li>
                <li>联系电话：1333336525</li>
            </ul>
        </div>
        <div class="main1">
            <ul>
                <div class="biaoti"><span>沙拉</span>Σ>―(〃°ω°〃)♡→<span>减肥小仙女的首选!</span></div>
                <li><a href="dingcan.html?id=01"><img src="img/01.jpg" alt=""><span>凯撒沙拉<br>25元</span></a></li>
                <li><a href="dingcan.html?id=02"><img src="img/02.jpg" alt=""><span>水果沙拉<br>20元</span></a></li>
                <li><a href="dingcan.html?id=03"><img src="img/03.jpg" alt=""><span>海鲜沙拉<br>30元</span></a></li>
                <li><a href="dingcan.html?id=04"><img src="img/04.jpg" alt=""><span>蔬菜沙拉<br>20元</span></a></li>
            </ul>
            <ul>
                <div class="biaoti"><span>牛排</span>Σ>―(〃°ω°〃)♡→<span>约会的最佳伴侣!</span></div>
                <li><a href="dingcan.html?id=05"><img src="img/05.jpg" alt=""><span>沙朗牛排60元</span></a></li>
                <li><a href="dingcan.html?id=06"><img src="img/06.jpg" alt=""><span>菲利牛排70元</span></a></li>
                <li><a href="dingcan.html?id=07"><img src="img/07.jpg" alt=""><span>黑椒小牛排60元</span></a></li>
                <li><a href="dingcan.html?id=08"><img src="img/08.jpg" alt=""><span>T骨牛排60元</span></a></li>
                <li><a href="dingcan.html?id=09"><img src="img/09.jpg" alt=""><span>香煎法式鸡排40元</span></a></li>
            </ul>
            <ul>
                <div class="biaoti"><span>焗饭</span>Σ>―(〃°ω°〃)♡→<span>吃货的心上饭!</span></div>
                <li><a href="dingcan.html?id=10"><img src="img/10.jpg" alt=""><span>菌菇鸡肉焗饭30元</span></a></li>
                <li><a href="dingcan.html?id=11"><img src="img/11.jpg" alt=""><span>咖喱牛肉焗饭35元</span></a></li>
                <li><a href="dingcan.html?id=12"><img src="img/12.jpg" alt=""><span>咖喱鸡肉焗饭25元</span></a></li>
                <li><a href="dingcan.html?id=13"><img src="img/13.jpg" alt=""><span>意大利海鲜焗饭40元</span></a></li>
            </ul>
            <ul>
                <div class="biaoti"><span>面</span>Σ>―(〃°ω°〃)♡→<span>嫌吃饭麻烦？</span></div>
                <li><a href="dingcan.html?id=14"><img src="img/14.jpg" alt=""><span>意大利茄汁海鲜面25元</span></a></li>
                <li><a href="dingcan.html?id=15"><img src="img/15.jpg" alt=""><span>菌菇鸡肉贝壳面25元</span></a></li>
                <li><a href="dingcan.html?id=16"><img src="img/16.jpg" alt=""><span>蔬菜奶油通心粉15元</span></a></li>
                <li><a href="dingcan.html?id=17"><img src="img/17.jpg" alt=""><span>黑椒牛柳意面20元</span></a></li>
                <li><a href="dingcan.html?id=18"><img src="img/18.jpg" alt=""><span>奶油培根意面20元</span></a></li>
            </ul>
        </div>
        <div class="bottom">
            <div style="width: 100%;height: 30px;background: plum;float: left;line-height: 30px;margin-top: 0;">
                <span>关于我们</span>|
                <span>友情链接</span>
            </div>
            <ul>
                <li>餐厅周边</li>
                <li>联系我们</li>
                <li>加入我们</li>
                <li>帮助中心</li>
                <li>招聘公告</li>
                <li>使用教程</li>
            </ul>
        </div>
    </div>
</body>

</html>